//@for $i from 1 through 10 {
//	$edge: $i * 5;
//	.m-#{$edge} {
//		margin: $edge * 1px !important;
//	}
//	.p-#{$edge} {
//		padding: $edge * 1px !important;
//	}
//
//	$edgeDir: (t: top, b: bottom, l: left, r: right);
//	@each $short, $full in $edgeDir {
//		.m-#{$short}-#{$edge} {
//			margin-#{$full}: $edge * 1px !important;
//		}
//
//		.p-#{$short}-#{$edge} {
//			padding-#{$full}: $edge * 1px !important;
//		}
//	}
//}
@each $breakpoint in map-keys($grid-breakpoints) {
	@include media-breakpoint-up($breakpoint) {
		$infix: breakpoint-infix($breakpoint, $grid-breakpoints);

		@each $prop, $abbrev in (border: b) {
			@each $size, $width in (0: 0px, 1: 1px) {

				.#{$abbrev}#{$infix}-#{$size}  { #{$prop}-width:        $width !important; }
				.#{$abbrev}t#{$infix}-#{$size} { #{$prop}-top-width:    $width !important; }
				.#{$abbrev}r#{$infix}-#{$size} { #{$prop}-right-width:  $width !important; }
				.#{$abbrev}b#{$infix}-#{$size} { #{$prop}-bottom-width: $width !important; }
				.#{$abbrev}l#{$infix}-#{$size} { #{$prop}-left-width:   $width !important; }

				.#{$abbrev}x#{$infix}-#{$size} {
					#{$prop}-right-width: $width !important;
					#{$prop}-left-width:  $width !important;
				}
				.#{$abbrev}y#{$infix}-#{$size} {
					#{$prop}-top-width:    $width !important;
					#{$prop}-bottom-width: $width !important;
				}

			}
		}
	}
}

.border {
	border: $default-border;
}